// 流程设置样式
.flow-setting {
  .flow-el-main {
    padding: 0px;
  }

  .flow-el-header {
    padding: 0px;
  }

  .flow-el-controller {
    background: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 60px;
    vertical-align: bottom;
  }

  .flow-body-left-el-container {
    margin: 1px 0 0 0;
  }

  .flow-body-header-row {
    margin-bottom: 0px;
    top: 20px;
    padding: 0 20px;
  }

  .flow-body-left-quick-el-controller {
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 60px;
    vertical-align: bottom;
  }

  .el-body-left-divider--horizontal {
    margin: 0;
  }

  .el-body-left-button {
    border-radius: 0px;
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #dcdfe6;
    text-align: left;
  }

  .el-body-left-button:hover {
    border-radius: 0px;
    border: 0px;
    width: 100%;
    border-bottom: 1px solid #dcdfe6;
    text-align: left;
    cursor: move;
  }

  .flow-body-right-el-main {
    padding: 0px;
  }

  .flow-body-right-el-container {
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    vertical-align: bottom;
  }

  .flow_type_container {
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
  }

  .el-tab-pane-left {
    padding-left: 20px;
  }
}

.flowproperty-container {
  padding: 20px;
}

.icon {
  width: 3em;
  height: 3em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.flwo_table_icon {
  width: 1.6em;
  height: 1.6em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.font_Title {
  padding-left: 10px;
  padding-right: 10px;
}

.flow_step_property_quickApproval {
  margin-left: 5px;
}

.el-transfer-panel-body {
  .el-transfer-panel {
    width: 40%;

    .el-transfer-panel__body {
      height: auto;

      .el-transfer-panel__list {
        height: auto;
      }
    }
  }

  .el-transfer__buttons {
    padding: 0 15px;
  }
}

.super-flow {
  font-family: Apple System, "SF Pro SC", "SF Pro Display", "Helvetica Neue",
    Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei",
    "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC",
    "Source Han Sans CN", sans-serif;

  position: relative;
  background-color: transparent;
  width: 100%;
  overflow: hidden;

  >.select-all__mask {
    position: absolute;
    background-color: rgba(85, 175, 255, 0.1);
    z-index: 20;
    border: 1px dashed #55abfc;
    cursor: move;
    outline: none;
  }
}

.el-btn-box-card-left {
  margin-right: 10px;

  .el-card__body {
    height: 300px;
    padding-top: 10px;
  }
}

.el-btn-box-card-right {
  margin-left: 10px;

  .el-card__body {
    height: 300px;
    padding-top: 10px;
  }
}

.el-btn-box-card-btn {
  margin-top: 10px;

  .el-card__body {
    height: 260px;
  }
}

.el-flow-line-field-select {
  width: 85px;
  margin-right: 5px;
}

.el-flow-line-field-text {
  width: 165px;
  margin-right: 5px;
}